



<?php
$ci = &get_instance();




?>
<style>
h4 {
font-weight: normal;
}
    .columna-izquierda{
      
        border:1px solid #d0d0d0 !important; 
        border-radius: 8px!important; 
        vertical-align: baseline; 
        text-align:center;
    } 
  .columna-izquierda.span6 {
height: 187px;
}
.columna-izquierda.span6 img {
  width: 65%;
  text-align: center;
}
#filaMuestra{
padding: 5px !important;
border: 1 solid #b6b8ba;
float: right;
width: 100%;
border-radius: 10px;
border: 1px solid #b6b8ba;
}
.inline.btn.btn-siguiente {
width: 119px;
height: 40px;
line-height: 40px;
}
#filabreadcrums {
margin-bottom: 5px;
color: #cccccc;
}
.span2.colum-right {
margin-top: 26px;
}
#gmaps-canvas {
height: 250px;
width: 571px;
}
.titulo-curso {
float: left;
font-size: 20px;
font-weight: normal;
margin: 0;
padding: 0;
overflow: hidden;
text-transform: lowercase;
max-height: 90px;
padding-left: 5px;
max-width: 275px;
margin-top: 5px;
}
.titulo-curso:first-letter {
  text-transform: uppercase;
}
.curso_item {
float: left;
width: 276px;
}
h5 {
  padding-left: 5px;
  margin: 0px
}
.padding5 {
  padding-left: 5px;
}
.sinbottom {
  margin-bottom: 0px
}
.datosItem {
margin-top: 108px;
}
.h2interior {
float: left;
width: 100%;
font-family: arial, tahoma, sans-serif;
font-size: 20px;
font-weight: normal;
color: #ffa563;
}
.direccionG {
  float: left;
  margin-left: 5px;
  line-height: 63px;
height: 60px;
width: 396px
}
.seguidaDir {
width: 30%;
}
.imagenCi img {

}
.crop2{
  text-align: center;
}
.crop2 img {
    width: 66%;
    text-align: center;
    display: inline-block;
}

#listaDeCursosI p{
margin-bottom: 0px;
text-transform: lowercase;
}
#listaDeCursosI p:first-letter {
text-transform: uppercase !important;
}
.imagenCi {

min-height: 110px;
float: left;
max-height: 160px;
overflow: hidden;
margin-bottom: 15px;
}
.imagenCiPosta {
overflow: hidden;
border: 1px solid lightgrey;
max-height: 98px !important;
width: 156px;
}
.dashedButton {
  height: 70px;
border-bottom: 1px dashed lightgrey;
}
#cursosPublicados{
  float: left;
  color: #ffa563;
  font-size: 17px;
text-align: center;
}
.fancybox-custom{
    width: 40% !important;
}
.fancybox-inner{
    width: 100% !important;
}

</style>
<script>
$(document).ready(function(){
    $('a[href="#form_consulta"]').on('click',function(){
         	

//$.fancybox.showLoading() ;
    var Formulario=$('#tipoDeInstituto').serialize();
   
   // alert(Formulario);
    $.ajax({
        
        url:'<?=base_url("instituciones/formContacto")?>',
        type:"POST",
        cache:false,
        data:Formulario,
        success:function(respuesta){
           // alert(respuesta);
            $.fancybox.open(respuesta,{
               scrolling:'no',
					
					maxHeight :1000,
					maxWidth: 1000,
					width :'100%',//puede estar en auto tambien
					height:'100%',
                    padding:8,
                    background:'black',
                   
                    autoResize :true,
                    wrapCSS:'fancybox-custom'
                
            });
        }
    });
    return false;
});
  $('body').on('click','.botonp',function(){
  
  var form=$('body #form_contacto').serialize();
  //alert(form);
  $.ajax({
      url:'<?=base_url("instituciones/contacto")?>',
      data:form,
      type:'POST',
      dataType:'json',
      success:function(respuesta){
          //alert(respuesta);
          if(respuesta.estado=='1'){
              //alert('ok');
              $('#form_contacto').empty().html('<h3>Guardado correctamente</h3>');
              setTimeout(function(){$.fancybox.close();},1000);
          }else{
              $('#errores').html(respuesta.respuesta);
              $('#errores').fadeIn();
          }
      }
  });
  return false;
  });  
});
</script>
           <body onload="geocode_lookup( 'address', $('#gmaps-input-address').val(), true );gmaps_init();">
            
            <div class="container contenido" >
    
    <div class="row-fluid">
       <?php $ci->load->view('home/list_categorias.php' ); ?>
        
        <div class="span7">
            <div id="filabreadcrums">
                <?php
            
                    foreach ($institute as $row) {
                    $completar_ciudad = "," .  $arrCiudad[0]->name. "," .$arrCiudad[0]->provincia . "," . $arrCiudad[0]->pais;?> 
               Home > Instituciones
            </div>
                      
            <div class="contenido">
                    <div id="filaMuestra">
                        <div class="crop2">
                            <img src="<?= base_url().'/public/images/instituciones/'.$row->id ?>.jpg">
                        </div>
                        <div class="curso_item">         
                            <h4 class="titulo-curso"><?php echo $row->name;?></h4>
                            <div class="datosItem">
                            <h5>Teléfono:</h5>
                            <p class="padding5"><?php echo $row->phone;?></p>           
                            <h5>Dirección:</h5> 
                            <p class="padding5 sinbottom">Camino de los Granaderos en Tacho 4565</p>
                            </div>
                        </div>
                    </div>
            <div class="row-fluid">
                <h2 class="h2interior">Descripción de la institución </h2> 
            </div>
            <div class="row-fluid">
                    <p>descripcion de la institucion</p>
            </div>
            <div class="row-fluid">
                  <h2 class="h2interior seguidaDir"> Mapa de ubicación:</h2>
                  <span class="direccionG"><?php echo $row->address . $completar_ciudad ?></span>
            </div>
             <input id='gmaps-input-address' class="input-xlarge" type='hidden' name="direccion"  value="<?php echo $row->address . $completar_ciudad ?>" autofocus/>
                   <div id='gmaps-error'></div>
           </div>
         
            
         
            
            <div id='gmaps-canvas'></div>
            <P></P>
            <div class="row-fluid">     
         
            <!--Facebook-->
            <div id="fb-root"></div>
              <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=307187796053055";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>   
              <div class="fb-comments" data-width="574" data-href="http://<? echo $_SERVER["SERVER_NAME"] . $_SERVER["REDIRECT_URL"] ?>"  data-numposts="5" data-colorscheme="light"></div> 
            </div>
        </div>
        <div class="span2 colum-right">
            <div class="row-fluid dashedButton">
            <a class="inline btn btn-siguiente" href="#form_consulta">CONSULTAR </a>
            </div>
          
            
            <div class="row-fluid">   
        <h4 class="span12" id="cursosPublicados">Cursos Publicados</h4>
        </div>
            <div id="listaDeCursosI" class="row-fluid">
            <?foreach ($cursos as $c){?>
                <a href='<? echo base_url("courses/view/" . $c->slug)  ?>'>
              
               
                     <div class="imagenCi"><p><?  echo $c->titulo?></p><div class="imagenCiPosta"><img src=" <?  echo getFotoFlick($c->foto,"_m")?>" /></div></div>
                    
                </a>
                  
            <?}?>
            
            </div>
        
        </div>
            
            </div>
    </div>
   
            	<div style='display:none;'>
			<div id='form_consulta' style='padding-left:20px; background:#fff;overflow:hidden !important;'>
         
                        <?php 
//                        $valor['name']=$row->name;
//                        $valor['id_instituto']=$row->id;
//                        $this->load->view('home/formInstituciones.php',$valor);?>
                    <form id="tipoDeInstituto">
                        <input type="hidden" name="nombre" value="<?=$row->name?>">
                        <input type="hidden" name="id_instituto" value="<?=$row->id?>">
                
                    </form>
                            </div>
			</div>
                           
     
  
</div>   
</div>
</body>
       <?php
                }
                ?>            
